<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg no-smil svgclippaths">

	<head>
		<title>XToolsCRM - easy to Power</title>

<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="../js/axios.js"></script>
<script type="text/javascript" src="../js/qs.js"></script>
	
	
		<link href="../css/zcss/icons.css" rel="stylesheet" type="text/css">
		<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
		<link href="../css/zcss/responsive.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/custombox.min.css" rel="stylesheet">
		<link href="../css/zcss/animate.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">

		<link href="../css/zcss/bootstrap-datepicker3.min.css"
			rel="stylesheet">
		<link href="../css/zcss/switchery.min.css" rel="stylesheet">
		<link href="../css/zcss/bootstrap-clockpicker.min.css"
			rel="stylesheet">
		<link href="../css/zcss/bootstrap-table.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/bootstrap.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/bootstrap-select.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/core.css" rel="stylesheet" type="text/css">
		<link href="../css/zcss/components.css" rel="stylesheet"
			type="text/css">

		<!--图标的外部样式-->
		<link href="http://cdn.xtcrm.com/cdn//v7/fm/ub/css/icons.css"
			rel="stylesheet" type="text/css">
		<!--图标的外部样式-->

		<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
		<link href="../css/zcss/responsive.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/custombox.min.css" rel="stylesheet">
		<link href="../css/zcss/animate.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">
	
		</head>

		<div class="enlarged forced" id="wrapper">

			<!-- 页面头部开始 -->
			<div id="downing" style="left: 960px; top: 300px; display: none; position: fixed; z-index: 10000;"><i class="fa-li fa fa-spinner fa-spin fa-4x"></i></div>
		
			

			<!-- modal qlist fields ---->
			<div tabindex="-1" class="modal fade in" id="modal_list_field" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel" style="display: none;">
				<div class="modal-dialog">
					<div class="modal-content">
						<form name="form1" id="frm_list_field" action="/sys/de_list/set_ok.xt" method="post" target="qssub" novalidate="">
							<div class="modal-header">
								<button class="close" aria-hidden="true" type="button" data-dismiss="modal">×</button>
								<h4 class="modal-title">客户查询</h4>
							</div>
							<div class="modal-body modal-checkbox p-l-40">
							</div>
							<div class="modal-footer">
								<button class="btn btn-default waves-effect" id="btn_list_fields0" type="button">确定</button>
								<button class="btn btn-info waves-effect waves-light" id="btn_list_fields1" type="button">还原初始
                    </button>
							</div>
							<input name="key" type="hidden" value="">
							<input name="type" type="hidden" value="0">
						</form>
					</div>
				</div>
			</div>

			<!-- 页面头部开始 -->
			<!-- ========== 左侧菜单栏开始 ========== -->
			<!-- 左侧菜单栏结束 -->

			<!-- 页面头部结束 -->

			<!--UTF8-->
			<div id="del" style="position:absolute; visibility:hidden;&#9;left:0;&#9;top:0; width:0;&#9;height:0; z-index:100; background-color:#D4D0C8; "></div>
			<!-- basewin iframe -->

			<div tabindex="-1" class="modal fade" id="popshow_container" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel" style="display: none;">
				<div class="modal-dialog modal-xg">
					<div class="modal-content" id="popshow_container_content" style="padding: 0px 0px; border-width: 0px; height: 0px;">
						
					</div>
				</div>
			</div>

			<!-- /.modal -->
			<!-- 页面头部结束 -->

			<!-- ============================================================== -->
			<!-- 右侧主体内容开始-->
			<!-- ============================================================== -->
			<div class="content-page crm" style="margin: 0;">
				<div class="content" style="margin: 0;">
					<div class="container-fluid">
						<div class="row">
							<div class="col-sm-12">
							
							<!--这里是总的div放所有内容的-->
							<div class="allBaBox">
								<el-form :model="ruleForm" ref="ruleForm" class="demo-ruleForm">
								
								<div id="libnamemark" style="z-index:0">

									<div id="libnamemark">

										<ul class="nav nav-default nav-tabs m-b-20 ">

											<li class="active">
												<a aria-expanded="true" onclick="qlist_argv_bwhere='';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=0;libnamemark_load();" href="#" data-toggle="tab">全部仓库</a>
											</li>
											<!--<li><a aria-expanded="false" onclick="qlist_argv_bwhere='b8@1^5`@ETPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=1;libnamemark_load();" href="#" data-toggle="tab">全国仓库</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='42@1^5`@ITPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=2;libnamemark_load();" href="#" data-toggle="tab">北京仓库</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='58@1^5`@MTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=3;libnamemark_load();" href="#" data-toggle="tab">上海仓库</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='44@1^5`@QTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=4;libnamemark_load();" href="#" data-toggle="tab">超大规模磷酸二酯酶压顶封顶李厚霖有机硅松井石根有机硅李厚霖在地愿为连理枝封顶fds</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='a7@1^5`@UTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=5;libnamemark_load();" href="#" data-toggle="tab">柘城有机硅为人温柔温热我热我认为热望热热我</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='41@1^5`@YTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=6;libnamemark_load();" href="#" data-toggle="tab">李厚霖原原本本压顶霜霜标杆dsfd</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='30@1^5`@cTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=7;libnamemark_load();" href="#" data-toggle="tab">柘城压顶无可奈何花落去李厚霖老板椅f</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='f4@1^5`@gTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=8;libnamemark_load();" href="#" data-toggle="tab">磷酸二酯酶压顶无可奈何花落去李厚霖夺</a></li>
											<li><a aria-expanded="false" onclick="qlist_argv_bwhere='87@1^5`@kTPilGb';qlist_argv_page=1;qlist_load();libnamemark_argv_tt=9;libnamemark_load();" href="#" data-toggle="tab">23</a></li>-->
										</ul>

										<div class="pull-right m-l-15">
											
										</div>
									</div>
									<style>
										.dropdown-menu-right .dropdown-menu {
											position: absolute;
											top: 100%;
											right: 0;
											left: initial;
										}
									</style>
									<!--UTF8-->
								</div>
								<!----------------筛选、查询input代码开始-------------------->
								<div class="m-t-20">
									<div id="search" style="z-index:0">
										<div id="editsublayer" style="position:absolute; visibility:hidden;&#9;left:0;&#9;top:0; width:0;&#9;height:0; z-index:100; background-color:#D4D0C8; ">
											<iframe name="qssub" src="/a.html" style="width: 0; height: 0; border: 0;"></iframe>
										</div>
										<form name="qsearch" class="form-inline" role="form" onsubmit="hideDiv(); return true;" action="/system/qssub.xt" method="POST" target="qssub" novalidate="">

											<div class="form-group ">
												<label class="control-label col-sm-2 m-t-10"><i class="fa fa-filter m-r-5"></i></label>
												<div class="col-sm-10">
													<div class="btn-group bootstrap-select form-control show-tick">
													
													
													<el-select v-model="ruleForm.selects" slot="prepend"
															clearable placeholder="全部数据"
															style="background: #ccc;width: 113px;"> 
															<el-option label="最好的仓库" value="1"></el-option>
															<el-option label="全国仓库" value="2"></el-option>
															<el-option label="北京仓库" value="3"></el-option>
															</el-select>

														
													</div>
												</div>

												
											</div>
											<div style="position:absolute; visibility:hidden;left:0;top:0; width:0;height:0; z-index:100; background-color:#D4D0C8; ">
												<textarea name="ids" rows="2" cols="20"></textarea>
											</div>
											<div class="form-group">
												
											<!--搜索栏那一块-->
											<div class="box2"
												style="width: 300px; height: 40px; margin-top: 5px;">
												<el-input placeholder="请输入内容" v-model="ruleForm.selectinput">

												<el-button slot="prepend" icon="el-icon-search"
													@click="submitForm('ruleForm')"></el-button>
												</el-input>

											</div>
												
											</div>

											
										</form>

										
										<!--UTF8-->
									</div>
								</div>
								<!----------------列表-------------------->

								<div id="qlist" style="z-index:0">
									<div class="row m-t-15 f-s-12" style="height: 35px;">
										<div class="col-sm-6">
											<span set-lan="html:库存">库存</span>
											<small class="text-muted font-13">共{{ruleForm.totalCount}}条</small>

										</div>
										<div class="col-sm-6 text-right">
											
										</div>
									</div>

									<div class="tab-content p-0">
										<div class="bootstrap-table m-t-10">
											<div class="fixed-table-container overflow-x-auto">
												<table class="table table-bordered table-hover table-z" id="qlist_table">
													<thead>
														<tr >

															<th class="th-inner">
																<p>
																	<a class="na" href="JavaScript:qlist_argv_orderf='id'; qlist_argv_orderv=0;qlist_load();" set-lan="html:ID">ID</a>
																</p>
															</th>
															<th class="th-inner">
																<p align="left">
																	<a class="na" href="JavaScript:qlist_argv_orderf='pid'; qlist_argv_orderv=0;qlist_load();" set-lan="html:产品名称">产品名称</a>
																</p>
															</th>
															<th class="th-inner">
																<p align="right">
																	<a class="na" href="JavaScript:qlist_argv_orderf='num'; qlist_argv_orderv=0;qlist_load();" set-lan="html:数量">数量</a>
																</p>
															</th>
															<th class="th-inner">
																<p>
																	<a class="na" href="JavaScript:qlist_argv_orderf='lib'; qlist_argv_orderv=0;qlist_load();" set-lan="html:仓库">仓库</a>
																</p>
															</th>
															<th class="th-inner">
																<p align="left">
																	<a class="na" href="JavaScript:qlist_argv_orderf='locas'; qlist_argv_orderv=0;qlist_load();" set-lan="html:参考库位">参考库位</a>
																</p>
															</th>
															<th class="th-inner">
																
															</th>
														</tr>
													</thead>
													<tbody class="bg-white">

														<tr v-for="(colle,i) in tableData">
															<td >
																<p>{{colle.dnum}}</p>
															</td>
															<td>
																<p align="left">
																	<a id="qlist_F157" onclick=" reportMove(this) ;" href='JavaScript:qlist_click_todetail("157","589301");'><i class="fa fa-arrow-circle-right text-blue m-r-5"></i>{{colle.goo_name}}</a>
																	<a href="javascript:vopen('/xcrm/market/product/detail.xt?id=108','product108',999,600);"><i class="fa fa-folder-open m-l-5" data-original-title="打开详细页面" data-toggle="tooltip" data-placement="bottom"></i></a>
																</p>
															</td>
															<td>
																<p align="right">{{colle.dsurplu}}</p>
															</td>
															<td>
																<p>{{colle.dgsname}}</p>
															</td>
															<td>
																<p align="left">&nbsp;</p>

															</td>

														</tr>
														


														<tr>
															<td>
																<font color="#8c8c8c">∑本页</font>
															</td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">
																<p align="right">
																	<font color="#8c8c8c">{{allMoney}}</font>
																</p>
															</td>
															<td nowrap="">&nbsp;</td>
															<td nowrap="">&nbsp;
															</td>
															<td></td>
														</tr>
													
													</tbody>
												</table>
											</div>
										</div>
										<div class="row m-t-10">
											<div class="col-sm-3">
												&nbsp;
											</div>
											<div class="col-sm-7 text-center">
										<!--分页-->
												<div class="col-sm-7 text-center box4">
													<div class="block">
														<el-pagination @size-change="handleSizeChange"
															@current-change="handleCurrentChange"
															:current-page="ruleForm.currentPage"
															:page-size="ruleForm.pagesize"
															layout="total, prev, pager, next, jumper"
															:total="ruleForm.totalCount"> </el-pagination>
													</div>
												</div>
												<!--分页-->	
											
											</div>
											
										</div>
									</div>
									<!--UTF8-->
									<form name="outexcel" action="/sys/plist/listout.xt" method="POST" novalidate=""><input name="dt" type="hidden" value="libn"><input name="w" type="hidden" value="a5gATPnFGbmRGI"><input name="dcr" type="hidden" value="b11ac"></form>
								</div>
								<!----------------统计-------------------->
								<div id="statlist" style="z-index:0">

								</div>
								
									</el-form>
							</div>
							<!--这里是总的div放所有内容的-->
									<script type="text/javascript">
							
					
							 
									var vm = new Vue({
										el: ".allBaBox",
										data: {
											allMoney:"",
											allhuikuan:"",
											allyeshuikuan:"",
											iframdilog:"",
											dialogVisible: false,
											centerDialogVisible2:false,
											select: "全部数据",
											options: [{
												value: '3001',
												label: '产品销售'
											}, {
												value: '3002',
												label: '服务'
											}, {
												value: '3003',
												label: '业务合作'
											}, {
												value: '3004',
												label: '代理分销'
											}],
											//表格当前页数据
			               					tableData: [],
											ruleForm: {
											    //下拉条件按钮
											    selects: "全部数据",
												//搜索框
												selectinput: '',
												//下拉条件按钮
												selectend: '',
											    //默认每页数据量
				              				    pagesize:10,
				              				    //当前页码
				               				    currentPage: 1,
				               				    //默认数据总数
				              					totalCount: ''
						      				    },deletids:""
						      				   
										},
										methods: {
							                handleSizeChange(val) {
												console.log('每页 ${val} 条');
												this.ruleForm.pagesize = val;
										        console.log( this.ruleForm.pagesize+'条');
										        //this.ruleFormloadData();
											},
											handleCurrentChange(val) {
												this.ruleForm.currentPage = val;
											    console.log(this.ruleForm.currentPage+'当前');
											    this.loadData();
											},
											submitForm(formName) {
												//验证方法
												this.$refs[formName].validate((valid) => {
													if(valid) {
														//alert("aa");
														this.loadData(this.currentPage, this.pagesize);
													} else {
														//alert("aa");
														console.log('error submit!!');
														return false;
													}
												});
											},
											//从服务器读取数据
							                loadData: function(pageNum, pageSize){  
							                	 var iosnn=this;
													//post提交数据
													axios.post("/depot/deportitemse2",
														//参数转换
														Qs.stringify(this.ruleForm, {
															arrayFormat: 'brackets'
														})		
													).then(function(v) {
														iosnn.tableData = v.data.list;
														iosnn.ruleForm.totalCount = v.data.total;
														 var strs=0;
														var huikuan=0.0;
														iosnn.tableData.forEach(v => {
															  strs +=v.dtotal;
															/*  if (v.ded_sumprice!=null) {
																 huikuan+=v.ded_sumprice;
															} */
															
															 
														}) 
														iosnn.allMoney=strs;
														//iosnn.allhuikuan=huikuan;
														//iosnn.allyeshuikuan=yeshuikuan; 
														console.info(v.data.list); 
													}).catch(function(e) {
														alert("出错了"+e);
													}); 
							                }
										      
										},
										mounted() {
											 var iosnn=this;
												//post提交数据
												axios.post("/depot/deportitemse",
													//参数转换
													Qs.stringify(this.ruleForm, {
														arrayFormat: 'brackets'
													})		
												).then(function(v) {
													iosnn.tableData = v.data.list;
													iosnn.ruleForm.totalCount = v.data.total;
													 var strs=0;
													var huikuan=0.0;
													iosnn.tableData.forEach(v => {
														  strs +=v.dtotal;
														/*  if (v.ded_sumprice!=null) {
															 huikuan+=v.ded_sumprice;
														} */
														
														 
													}) 
													iosnn.allMoney=strs;
													//iosnn.allhuikuan=huikuan;
													//iosnn.allyeshuikuan=yeshuikuan; 
													console.info(v.data.list); 
												}).catch(function(e) {
													alert("出错了"+e);
												}); 
											

										}
										
									})
								</script>
								
								
							</div>

						</div>

					</div>

				</div>

				<!-- ============================================================== -->
				<!-- 右侧主体内容结束 -->
				<!-- ============================================================== -->

			</div>
			<div id="flotTip" style="background: rgb(0, 0, 0); padding: 0.4em 0.6em; border-radius: 0.5em; border: 1px solid rgb(17, 17, 17); border-image: none; font-size: 0.8em; display: none; white-space: nowrap; position: absolute; z-index: 100; opacity: 0.8;"></div>
			</body>
			<!--UTF8-->

</html>